<template>
  <div class="container">
    <mt-swipe :auto="4000">
      <mt-swipe-item>
        <img src="../assets/img/1.jpg" alt />
      </mt-swipe-item>
      <mt-swipe-item>
        <img src="../assets/img/1.jpg" alt />
      </mt-swipe-item>
      <mt-swipe-item>
        <img src="../assets/img/1.jpg" alt />
      </mt-swipe-item>
    </mt-swipe>
    <div class="buttons">
      <mt-button type="primary" size="large" @click="goTest">快速体验</mt-button>
      <mt-button type="primary" @click="goLogin" class="lg">用户登录</mt-button>
      <mt-button type="default" @click="goRegiste" class="lg">注册新企业</mt-button>
    </div>
    <!-- <p>Copyright@2019-2022</p> -->
  </div>
</template>

<script>
export default {
  methods: {
    goTest() {
      this.$router.push({ name: "test" });
    },

    goLogin() {
      this.$router.push({ name: "login" });
    },
    goRegiste() {
      this.$router.push({ name: "register" });
    }
  }
};
</script>

<style scoped>
.container {
  position: relative;
  height: 100%;
}
.mint-swipe {
  height: 400px;
  border-radius: 5px;
  margin-top: -40px;
}
.mint-swipe img {
  width: 100%;
  height: 100%;
}
.mint-swipe-item {
  text-align: center;
}
.buttons {
  padding: 20px;
  margin-top: 10px;
}
.lg {
  margin-top: 20px;
  width: 49%;
}
/* p {
  
  position: absolute;
  bottom: -30px;
  margin-left: 35%;
} */
</style>
